﻿<!DOCTYPE html>
<html>
  <head>
    <title>安国众鹿丰商贸有限公司</title>
	
    <meta name="keywords" content="安国众鹿丰商贸有限公司,安国,众鹿丰,养生，中药保健食品">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <link rel="stylesheet" type="text/css" href="./style/common.css">
    <link rel="stylesheet" type="text/css" href="./style/index.css">
	<link rel="stylesheet" href="./style/shutter.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/velocity.js"></script>
	<script src="js/shutter.js"></script>
	<script type="text/javascript">
		$(function() {
			$('.shutter').shutter({
				shutterW : $(window).width(), // 容器宽度
				shutterH : 358, // 容器高度
				isAutoPlay : true, // 是否自动播放
				playInterval : 1000, // 自动播放时间
				curDisplay : 3, // 当前显示页
				fullPage : false // 是否全屏展示
			});
		});
	</script>
  </head>
  
  <body>
  	<!-- 头部 -->
    <div class="header">
    	<div class="company_name">安国众鹿丰商贸有限公司</div>
    	<a class="menu active">首页</a>
    	<a class="menu"  href="product.html">产品展示</a>
    	<a class="menu"  href="company.html">公司介绍</a>
    	<a class="menu"  href="news.html">资讯动态</a>
    	<a class="menu"  href="link.html">联系我们</a>
    </div>

	<!-- 轮播图 -->
	<div class="shutter">
		<div class="shutter-img">
			<a href="#" data-shutter-title="Iron Man"><img
				src="images/shutter_1.png" alt="#"></a> <a href="#"
				data-shutter-title="Super Man"><img src="images/shutter_2.png"
				alt="#"></a> <a href="#" data-shutter-title="The Hulk"><img
				src="images/shutter_3.png" alt="#"></a> <a href="#"
				data-shutter-title="The your"><img src="images/shutter_4.png"
				alt="#"></a>
				<a href="#"
				data-shutter-title="The your"><img src="images/shutter_5.png"
				alt="#"></a>
		</div>
		<ul class="shutter-btn">
			<li class="prev"></li>
			<li class="next"></li>
		</ul>
		<!-- <div class="shutter-desc">
			<p>Iron Man</p>
		</div> -->
	</div>

	<!-- 产品展示 -->
	<div class="index_section">
		<div>
			<span class="section_title">产品展示</span>
			<span class="section_desc">开启健康新生活</span>
		</div>
		<table class="product_table">
			<tr>
				<td class="product">
					<img src="./images/product_gouqi.png"/>
					<p class="product_name">宁夏红枸杞</p>
					<p class="product_desc">食用能补充人体所需，具有极高的营养价值</p>
				</td>
				<td class="product">
					<img src="./images/product_gouqi.png"/>
					<p class="product_name">宁夏红枸杞</p>
					<p class="product_desc">食用能补充人体所需，具有极高的营养价值</p>
				</td>
				<td class="product">
					<img src="./images/product_gouqi.png"/>
					<p class="product_name">宁夏红枸杞</p>
					<p class="product_desc">食用能补充人体所需，具有极高的营养价值</p>
				</td>
			</tr>
			<tr>
				<td class="product">
					<img src="./images/product_gouqi.png"/>
					<p class="product_name">宁夏红枸杞</p>
					<p class="product_desc">食用能补充人体所需，具有极高的营养价值</p>
				</td>
				<td class="product">
					<img src="./images/product_gouqi.png"/>
					<p class="product_name">宁夏红枸杞</p>
					<p class="product_desc">食用能补充人体所需，具有极高的营养价值</p>
				</td>
				<td class="product">
					<img src="./images/product_gouqi.png"/>
					<p class="product_name">宁夏红枸杞</p>
					<p class="product_desc">食用能补充人体所需，具有极高的营养价值</p>
				</td>
			</tr>
			
			
		</table>
	</div>
	
	<!-- 我们的优势 -->
	<div class="index_section">
		<div>
			<span class="section_title">我们的优势</span>
			<span class="section_desc">给你选择我们的理由</span>
		</div>
		<div class="yss">
			<div class="ys">
				<div class="ys_title">
					<img src="./images/ys_gs.png"/>
					<span class="ys_title_txt">公司优势</span>
				</div>
				<div class="ys_content">
					<img src="./images/ys_icon.png"/>
					<span class="ys_content_txt">与北京椿生宇生物科技有限公司，北京华延堂国际中医药研究院，河北百消丹药业有限公司，深入研究兴业趋势，
不断创新，不断完善。与北京椿生宇生物科技有限公司，北京华延堂国际中医药研究院，河北百消丹药业有限公司，深入研究兴业趋势，
不断创新，不断完善。</span>
				</div>
			</div>
			<div class="ys_space"></div>
			<div class="ys">
				<div class="ys_title">
					<img src="./images/ys_cp.png"/>
					<span class="ys_title_txt">产品优势</span>
				</div>
				<div class="ys_content">
					<img src="./images/ys_icon.png"/>
					<span class="ys_content_txt">与北京椿生宇生物科技有限公司，北京华延堂国际中医药研究院，河北百消丹药业有限公司，深入研究兴业趋势，
不断创新，不断完善。与北京椿生宇生物科技有限公司，北京华延堂国际中医药研究院，河北百消丹药业有限公司，深入研究兴业趋势，
不断创新，不断完善。</span>
				</div>
			</div>
			<div class="ys_space"></div>
			<div class="ys">
				<div class="ys_title">
					<img src="./images/ys_fw.png"/>
					<span class="ys_title_txt">服务优势</span>
				</div>
				<div class="ys_content">
					<img src="./images/ys_icon.png"/>
					<span class="ys_content_txt">与北京椿生宇生物科技有限公司，北京华延堂国际中医药研究院，河北百消丹药业有限公司，深入研究兴业趋势，
不断创新，不断完善。与北京椿生宇生物科技有限公司，北京华延堂国际中医药研究院，河北百消丹药业有限公司，深入研究兴业趋势，
不断创新，不断完善。</span>
				</div>
			</div>
		
		</div>
	</div>
	
	<div class="clear"></div>
	<br/><br/>
	<!-- 底部 -->
    <div class="footer">
    	<div class="footer_content">
    		<div class="foot_space"></div>
	    	<div class="foot_name">
	    		<p class="foot_company_name">安国众鹿丰商贸有限公司</p>
	    		<p>中药保健食品 委托加工 生产 生产研发 食品 保健品</p>
	    	</div>
	    	<div class="foot_address">
	    		<p>地址:&nbsp;&nbsp;河北保定市安国市普宁路6号</p>
	    		<p>邮箱:&nbsp;&nbsp;812607126@qq.com</p>
	    		<p>电话:&nbsp;&nbsp;0312—5312313</p>
	    	</div>
    	</div>
    	<div class="foot_link">
    		<p class="foot_link_p">友情链接：北京椿生宇生物科技有限公司|北京华延堂国际中医药研究科学院|太龙牌舒脂康胶囊|河北百消丹药业有限公司|中国广州精诚保健品有限公司</p>
    		<p class="foot_link_p">@2019&nbsp;&nbsp;&nbsp;&nbsp;安国众鹿丰商贸有限公司 &nbsp;&nbsp;&nbsp;&nbsp;版权所有 <a class="jeexjj" target="_blank" href="https://gitee.com/zhanghejie">技术支持@JEEXJJ</a></p>
    	</div>
    </div>

</body>
</html>


